<template>
    <td :style="{'color':color}" :class="{'col-blue':this.type == 'blue','col-red':this.type == 'red','col-hui':this.type == 'hui'}"><slot></slot></td>
</template>

<script type="es6">
    export default {
        props: {
            color:{
                type: String,
                default:''
            },
            type:{
                type: String,
                default:''
            }
        },
        data() {
            return {

            }
        },
        created() {
        },
        mounted(){
        },
        methods: {

        }
    }
</script>

<style lang="less" scoped>
    .col-hui{
        color:#999;
    }
    .col-red{
        color:#f56c6c;
        font-weight: bold;
    }
    .col-blue{
        color:#66b1ff;
        font-weight: bold;
    }
</style>
